<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@page import="com.jimet.server.*"%>
				<div class="step-right-top">
					Lütfen kendinize bir kullanıcı adı seçiniz.Kullanıcı adı size özel bir kimliktir.
				</div>
				<div class="step-right-form" style="height:270px;">
					<div style="margin-top: 30px;">
						Kendinize uygun bir kullanıcı adı seçiniz.
					</div>
					<div style="margin-top:20px;">
						<input type="text" class="form-control" style="width: 300px;" id="username" placeholder="Kullanıcı Adını Giriniz">
						<button type="button" id="okBtn" class="btn btn-success" onclick="checkUserName()" style="margin-top: 20px;">Onayla</button>
						<button type="button" id="nextBtn" class="btn btn-primary" onclick="nextStep()" style="margin-top: 20px;display:none;">Devam</button>
						<div id="error-steps" style="width:290px;height: 40px;background-color:#CC6666;color: #fff;margin-top:20px;line-height: 40px; padding-left: 10px;display:none; ">
						Böyle bir kullanıcı adı bulunmaktadır.
						</div>
       				</div>	
				</div>
<script>

 function checkUserName()
 {
	var userName=$('#username').val();
	if(userName.length > 4)
	{
	$.ajax({
		  type: "POST",
		  url: "<%=com.jimet.server.JimetConfiguration.getString("APPLICATION.URL")%>steps/process/checkUserName.jsp",
		  data : { userName : userName }
		 }).done(function(msg) {
			if(msg==0)
				{
				  $("#error-steps").show();
					
				}
			else
				{
					
					$("#error-steps").html("Kullanıcı adınız başarıyla oluşturuldu");
					$("#error-steps").css("background-color","#5bc0de");
					 $("#error-steps").show();
					 $("#okBtn").hide();
					 $("#nextBtn").show();
					 
				}

				});
	}
	else
		{
		$("#error-steps").html("Kullanıcı adınız enaz 5 karakter olmalıdır");
		 $("#error-steps").show();
		
		}
 }
 function nextStep(){
	 
	 window.location.href = "<%=JimetConfiguration.getString("APPLICATION.URL")%>step";
		
 }
</script>		